<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>無一合集</title>
    <link rel="stylesheet" href="/fanli/style.min.css">
    <style>
        .pay{
            position:fixed;
            width:100%;
            left:0;
            bottom:0;
            line-height:70px!important;
            height:70px!important;
            overflow:hidden;
        }
        .serve{
            line-height:25px!important;
            padding:10px 0 6px 0;
            text-align:center;
            border-top:1px solid #ececec;
            color:#666;
            background-color:#fff;
        }
        .serve span{
            font-size:12px;
        }
        .fonticon-szie{
            font-size:24px;
        }
        .pay a{
            color:#ccc!important;
        }
        body{
            padding-bottom:90px!important;
        }
        .plate p{
            opacity: 0.8!important;
            font-weight:200!important;
            font-size:14px!important;
            letter-spacing:1px!important;
        }
        .bortop{
            border:1px solid #ececec;
        }
        
    </style>
</head>
<body>

<header class="headr">
    <img src="{{campinfo.cover}}"  alt="">
</header>
<main class="main">
    <h2>{{campinfo.title}}</h2>
    <!-- <p class="time">{{campinfo.title}}&nbsp;&nbsp; 2018/11/20 &nbsp;&nbsp;08:00</p> -->
    <article class="plate">
        {{campinfo.rule}}
    </article>
</main>

<div class="pay" >
    <a href="tel:{{campinfo.phone}}">
        <div class="serve" style="width:19%!important">
            <i  class="iconfont icon-kefu1 fonticon-szie"></i>
            <br />
            <span >联系客服</span>
        </div>
    </a>
    <a href="./user?st={{st}}">
        <div class="serve" style="width:19%!important">
            <i  class="iconfont icon-wode  fonticon-szie"></i>
            <br />
            <span>我的</span>
        </div>
    </a>
    <a href="./pay?st={{st}}" >
        <div class="pay-btn"  style="width:62%!important">立即购买</div>
    </a>
</div>

</body>
<script src="/fanli/app.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    wx.config({
        debug: false,
        appId: '{{wxjs_appid}}',
        timestamp: '{{wxjs_timestamp}}',
        nonceStr: '{{wxjs_noncestr}}',
        signature: '{{wxjs_signature}}',
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'onMenuShareQZone'
        ]
    });
    wx.ready(function () {
        wx.error(function (res) {
            console.log(res);
        });
        //朋友圈
        wx.onMenuShareTimeline({
            title: "{{campinfo.shareCircle}}", // 分享标题
            link:"{{host}}/weixin/fanli/index?st={{token}}", // 分享链接
            imgUrl: "{{campinfo.shareImage}}", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数

            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        //分享给朋友
        wx.onMenuShareAppMessage({
            title: "{{campinfo.shareTitle}}", // 分享标题
            desc: '{{campinfo.shareFriend}}', // 分享描述
            link:"{{host}}/weixin/fanli/index?st={{token}}", // 分享链接
            imgUrl: "{{campinfo.shareImage}}", // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });
</script>
</html>